<nav class="my-navbar" style="margin-bottom: 45px;">
    <div class="my-navbar-menu ">
        <a href="{% url 'home_page' %}" class="btn btn-outline-light logo">Social Network</a>
        <a href="{% url 'home_page' %}" {% if section == 'home' %}style="color: #808080;"{% endif %}>Home</a>
        <a href="{% url 'images:show' %}" {% if section == 'images' %} style="color: #808080;" {% endif %}>Images</a>
        <a href="{% url 'list_users' %}" {% if section == 'people' %} style="color: #808080;" {% endif %}>People</a>
    </div>
    <div class="account">
        {% if request.user.is_authenticated %}
            <a href="{% url 'user_detail' username=request.user.username %}" style="margin-right: 5px;" class="btn btn-outline-light">{{ request.user.username }}</a>
            <a href="{% url 'user_edit' %}" class="btn btn-outline-light">Edit</a>
            <a href="{% url 'logout' %}" class="btn btn-outline-light">Logout</a>
        {% else %}
            <a style="margin-right: 5px;" href="{% url 'login' %}" class="btn btn-outline-light">Login</a>
            <a href="{% url 'registration' %}" class="btn btn-outline-light">Registration</a>
        {% endif %}
    </div>
</nav>
